html{
	width:100%;
	height:100%;
	overflow: hidden;
}
body{
	width:100%;
	height:100%;
	font-family: "microsoft yahei";
	background: -webkit-gradient(linear,center top,center bottom,from(#f5f5f5), to(#f2f2f2));
}
::-webkit-scrollbar{
  display:none;
}
.con{
	width:100%;
	height:100%;
}
.h1 , .h2 , .h3 , .h4 , .h5 , .h6{	
    font-weight: normal;
}
.lightblue{
	color: #3592c1;
}
.blue{
	color:#7ad2ff;
}
.gray{
	color:#666;
}
.mg{
	margin-bottom: 0px;
    margin-top: 3px;
}
#row1 , #row2{
	height:50%;	
}
.mt14{
	margin-top: 14px;
}
.mr5{
	margin-right: 5px;
}
.fright{
	float:right;
}
.row-fluid [class*="span"]:first-child{
	padding-left:5px;
	box-sizing: border-box;
}
.row-fluid [class*="span"]:last-child{
	padding-right:5px;
	box-sizing: border-box;
}
.mt0{
	margin-top:0;
}
.info{
	margin-top:10px;
}
.area{
	overflow-y: hidden;
}
.line{
	width:100%;
	height:1px;
	background-color:#85cbef;
	margin-top: 10px;
}
.mt1p{
	margin: 0 1%;
}
.custom-table{
	margin-bottom:0;
}
.t-head td{
	height:65px;
	box-sizing: border-box;
	background-color: #8eb6ca!important;
    color: #fff;
    vertical-align: middle;
}
.t-head td{
	border-right: 1px solid #fff!important;
}
.t-head td:last-child{
	border-right:1px solid #8eb6ca!important;
}
.t-body{
	overflow-y: scroll;
}
.custom-table td{
	font-size: 12px;
    text-align: center;
    border: 1px solid #8eb6ca;
    vertical-align: middle;
}
.sepical-tr{
	background-color: #d6fff2;
}
.body2{
	width:100%;
	height:100%;
	background: #00415a;
	color:#fff;
	font-family: "microsoft yahei";
}
.body2 .h1 , .body2 .h2 , .body2 .h3 , .body2 .h4 , .body2 .h5 , .body2 .h6{
	color: #8dfff4;
}
#row3{
	height:50%;
	margin-bottom:1%;
}
#row4{
	height:49%;
}
.box{
	margin-bottom:10px;
}
.box:last-child{
	margin-bottom:0;
}
.box p{
	line-height: normal;
}
.left-fluid{
	width: 15%;
    float: left;
    font-size: 12px;
    text-align: right;
}
.right-fluid{
	width:85%;
	float:left;
}
.title{
	position:relative;
	margin-bottom: 15px;
}
.title-en{
	position: absolute;
    font-size: 12px;
    top: 16px;
    left: 0;
    color: #fff;
}
.appointment{
	position:relative;
}
.appoint-msg{
	position: absolute;
    right: 38px;
    top: 8px;
    font-size: 12px;
    border: none;
}
.appoint-msg td{
	border:none;
	padding:3px 8px;
}
.my-area table{
	margin-bottom:0;
}
.my-area td{
	background:none!important;
	border:none!important;
	color:#fff;
	text-align: center;
	vertical-align: middle;
	font-size:12px;
	height: auto;
}
.my-area .t-head{
	border-bottom:1px solid #00f3ff;
}
.my-area .t-head td{
	color: #fdff3b;
}
.my-area .t-head td:last-child{
	border:none!important;
}
.sp-row{
	background-color: rgba(255,255,255,.1);
}
.body3{
	width:100%;
	height:100%;
	background:#2F323B;
	color:#fff;
}
.body3 .row-fluid [class*="span"]{
	/*margin-left:0.6%;*/
	margin: 0.5% 0.3%;
}
.single{
	background-color:#18191D;
	padding: 8px 0;
	box-sizing: border-box;
}
.year-select , .month-select{
	width: 50%;
    float: left;
    height: 26px;
    background: none;
    color: #fff;
    border: none;
}
.year-select option , .month-select option{
	color:#000;
}
#row5 div[class*="span"]{
	height:100%;
}
.iconfont{
	width:100%;
	height:100%;
}
.icon-box{
	width:40%;
	height:100%;
	float:left;
	box-sizing: border-box;
	border-right:1px solid #686868;
}
.icon-box .iconfont{
	font-size: 44px;
    line-height: 1em;
    text-align: center;
}
.data-box{
	float:right;
	width:60%;
	text-align: center;
}
.data-box p{
	margin: 2px 0 0;
	color:#c9c0f2;
}
.single:nth-child(2) .single-icon{
	color:#76ce59;
}
.single:nth-child(3) .single-icon{
	color:#5d9cb5;
}
.single:nth-child(4) .single-icon{
	color:#bf6ac9;
}
.single:nth-child(5) .single-icon{
	color:#f49a5a;
}
.single:nth-child(6) .single-icon{
	color:#dbe454;
}
#row6 div[class*="span"],
#row7 div[class*="span"]{
	margin-top:0;
}
.left-area{
	float:left;
	border-right:1px solid #686868;
}
.right-area{
	float:left;
	position: relative;
    top: -12px;
}
.child-box .h6{
	margin-bottom:3px;
}
#child1,#child2,#child3,#child4{
	position: absolute;
    top: 0;
    left: 0;
}
.mg10{
	margin-left: 10px;
}
